// 内容开始
.content {
  .container {
    .contentright {
      .contentbox {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-top: 1vw;
        margin-bottom: 2vw;

        .left {
          width: 50%;
        }

        .right {
          width: 50%;
          overflow: hidden;

          .title {
            font-size: 16px;
            font-weight: 700;
            color: #4a4c4b;
            text-align: center;
            margin-top: 5vw;
          }

          .info {
            width: 70%;
            margin: 0 auto;
            margin-top: 2vw;
            font-size: 12px;
            color: #555555;
            line-height: 20px;
          }

          .detail {
            width: 125px;
            height: 46px;
            border: 1px solid #d6ee74;
            margin: 0 auto;
            margin-top: 2vw;
            overflow: hidden;
            cursor: pointer;

            .butn {
              width: 120px;
              height: 36px;
              background-color: #d6ee74;
              margin: 0 auto;
              margin-top: 5px;
              font-size: 14px;
              color: #fff;
              line-height: 36px;
              text-align: center;
            }
          }

          &:hover {
            background-color: #d6ee74;
          }

          &:hover .title,
          &:hover .info {
            color: #fff;
          }

          &:hover .detail {
            border: 1px solid #fff;
          }

          &:hover .detail .butn {
            color: #d6ee74;
            background-color: #fff;
          }
        }
      }

      .product2 {
        flex-direction: row-reverse;
      }
    }
  }
}

@media (max-width:768px) {
  .content {
    .container {
      .contentright {
        .contentbox {
          flex-wrap: wrap;

          .left {
            width: 100%;
          }

          .right {
            width: 100%;

            .info {
              width: 100%;
              text-indent: 2em;
            }
          }
        }
      }
    }
  }
}

// 内容结束